<template>
	<view class="bg-white mt-2" style="width: 335rpx;" @click="click">
		<u-image :src="item.image" width="332rpx" height="308rpx" radius="5">	
		</u-image>
		<view class="p-2">
			<u-text lines="2" :text="item.goods_name" bold :lines="1" ></u-text>
			<!-- <view class="flex justify-between" style="color: #bbbbbb;"> -->
			<view  style="color: #bbbbbb;margin-top: 20rpx;">
				<view class="flex align-end">
					<commonPrice :price="item.goods_price" :color="color"></commonPrice>
					<!-- <commonPrice price="123" :color="color"></commonPrice> -->
					<view class="font-24 ml-0" style="text-decoration: line-through;">￥{{item.line_price}}</view>
				</view>
				<view class="flex align-end font-24" style="margin-top: 5rpx;" v-if="item.sales">
					<view>月销</view>
					{{item.sales?item.sales:''}}
				</view>
			</view>
			
		</view>
		
	</view>
</template>

<script>
	export default{
		props:{
			item:Object,
			color: String
		},
		
		methods:{
			click(){
				uni.$u.route('pages/index/detail',{
					goodsId:this.item.goods_id
				})
			}
		}
	}
</script>

<style>
</style>